<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	template="/templates/owners.xhtml">

	<ui:define name="ownersContent">
		<f:view>
			<h:form>
				<div align="center"><rich:panel styleClass="bloquecentral">
					<rich:tabPanel width="800px;" switchType="client">
						<rich:tab label="Mi Restaurante">
							<rich:tabPanel width="775px;" switchType="client">
								<rich:tab label="Consulta">
									<div align="center"><br />
									<a:outputPanel id="panelRevisar">
										<rich:panel style="width: 650px;">
											<f:facet name="header"> Detalles del Restaurante</f:facet>
											<h:panelGrid columns="2" cellspacing="10">
												<h:outputLabel value="Fecha de Alta" for="rFecha" />
												<h:inputText value="#{myRestaurant.fechaAlta}" id="rFecha"
													disabled="true" style="color: #3366CC;">
													<s:convertDateTime pattern="dd/MM/yyyy" />
												</h:inputText>
												<h:outputLabel value="Nombre" for="rNombre" />
												<h:inputText id="rNombre" value="#{myRestaurant.nombre}"
													disabled="true" style="color: #3366CC; width : 190px;" />
												<h:outputLabel value="Categoria" for="rCat" />
												<h:inputText id="rCat"
													value="#{myRestaurant.categoria.nombre}" disabled="true"
													style="color: #3366CC; width : 190px;" />
												<h:outputLabel value="Email" for="rEmail" />
												<h:inputText id="rEmail" value="#{myRestaurant.email}"
													disabled="true" style="color: #3366CC; width : 190px;" />
												<h:outputLabel value="Telefono" for="rTelefono" />
												<h:inputText id="rTelefono" value="#{myRestaurant.telefono}"
													disabled="true" style="color: #3366CC;" />
												<br />
												<br />

											</h:panelGrid>

											<br />
											<br />
											<a:outputPanel rendered="#{(fotos.size>0)}">
												<rich:panel id="panelFotoSeleccionada">
													<f:facet name="header">
														<h:outputText value="Fotos del Restaurante" />
													</f:facet>
													<h:graphicImage
														url="/RestaurantsImages#{restaurantBean.fotoSeleccionada}"
														height="450px;" width="450px;" />
												</rich:panel>
												<br />
												<br />
												<rich:dataGrid value="#{fotos}" var="fotoseleccionada"
													columns="#{fotos.size}" elements="5" width="600px">
													<rich:panel bodyClass="pbody" style="width: 120px;">
														<rich:effect type="Opacity" event="onclick"
															params="duration:0.8,from:0.3,to:1" />
														<f:facet name="header">
															<h:outputText value=" "></h:outputText>
														</f:facet>
														<a:commandLink
															action="#{restaurantBean.seleccionarFoto(fotoseleccionada.ruta)}"
															reRender="panelFotoSeleccionada" id="enlaceFoto">
															<h:graphicImage
																url="/RestaurantsImages#{fotoseleccionada.ruta}"
																height="90px;" width="90px;" />
														</a:commandLink>
													</rich:panel>

												</rich:dataGrid>
											</a:outputPanel>
											<br />
											<br />

										</rich:panel>
									</a:outputPanel></div>
								</rich:tab>
								<rich:tab label="Edicion">

									<div align="center"><rich:panel style="width: 650px;">
										<f:facet name="header"> Detalles del Restaurante</f:facet>
										<div align="right" style="padding-right: 210px;"><h:panelGrid
											columns="3" rowClasses="registerRow" cellspacing="10"
											columnClasses="registerColumn">

											<h:outputLabel value="Nombre" for="regRestaurantName"></h:outputLabel>
											<h:inputText id="regRestaurantName" style=" width : 130px;"
												styleClass="inputText" value="#{myRestaurant.nombre}">
												<s:validate />
											</h:inputText>
											<h:message for="regRestaurantName"></h:message>

											<h:outputLabel value="Categoria" for="regCategory"></h:outputLabel>
											<h:selectOneMenu value="#{myRestaurantEdicion.categoria}"
												id="regCategory" style=" width : 130px;"
												styleClass="inputText">
												<s:selectItems var="categoria" value="#{categorias}"
													label="#{categoria.nombre}" />
												<s:convertEntity />
											</h:selectOneMenu>
											<h:message for="regCategory"></h:message>


											<h:outputLabel value="#{messages.phone}" for="regPhone"></h:outputLabel>
											<h:inputText id="regPhone" style=" width : 130px;"
												styleClass="inputText" value="#{myRestaurantEdicion.telefono}"></h:inputText>
											<h:message for="regPhone"></h:message>


											<h:outputLabel value="#{messages.email}" for="regEmail"></h:outputLabel>
											<h:inputText id="regEmail" style=" width : 163px;"
												styleClass="inputText" value="#{myRestaurantEdicion.email}"></h:inputText>
											<h:message for="regEmail"></h:message>



											<h:outputLabel value="#{messages.province}"
												for="regProvincias"></h:outputLabel>
											<h:selectOneMenu id="regProvincias" styleClass="inputText"
												value="#{restaurantBean.provinciaRestaurante}"
												immediate="true" style=" width : 168px;">
												<a:support event="onchange" reRender="regMunicipiosPanel" />
												<s:selectItems value="#{provincias}"
													var="provinciaRestaurante"
													label="#{provinciaRestaurante.nombre}"
													noSelectionLabel="Seleccione provincia" />
												<s:convertEntity />
											</h:selectOneMenu>
											<h:message for="regProvincias"></h:message>

											<h:outputLabel value="#{messages.city}" for="regMunicipio"></h:outputLabel>
											<a:outputPanel id="regMunicipiosPanel" ajaxRendered="true">
												<h:selectOneMenu id="regMunicipio" styleClass="inputText"
													value="#{restaurantBean.municipioRestaurante}"
													style=" width : 211px;">
													<s:selectItems
														value="#{restaurantBean.findMunicipios()}"
														var="municipioRestaurante"
														label="#{municipioRestaurante.nombre}"
														noSelectionLabel="Seleccione Municipio" />
													<s:convertEntity />
												</h:selectOneMenu>
											</a:outputPanel>
											<h:message for="regMunicipio"></h:message>

										</h:panelGrid></div>
										<br />
										<br />

										<hr />

										<br />
										<br />
										<div align="center"><h:panelGrid columns="3"
											rowClasses="registerRow">
											<h:selectBooleanCheckbox
												value="#{myRestaurantEdicion.permiteFumadores}" id="regSmoking">
												<a:support event="onchange" reRender="zonaMesas" />
											</h:selectBooleanCheckbox>
											<h:outputLabel value="Zona de fumadores" for="regSmoking"></h:outputLabel>
											<h:message for="regSmoking"></h:message>
										</h:panelGrid></div>
										<br />
										<br />

										<a:outputPanel id="zonaMesas">
											<rich:tabPanel switchType="client" width="400px;">

												<rich:tab label="Zona para no fumadores" labelWidth="300px">
													<br />
													<br />
													<div align="center" id="noFumadores"><h:panelGrid
														columns="2">
														<h:graphicImage value="/layout/img/iconoMesa.jpg" />
														<h:panelGrid columns="2">
															<h:panelGrid columns="1">
																<h:outputText value="Num. Comensales" />
																<h:outputText value="Codigo" />
															</h:panelGrid>
															<h:panelGrid columns="1">
																<h:inputText id="comensales" value="#{table.capacidad}"
																	style=" width : 41px;" />
																<h:inputText id="codigo" value="#{table.codigo}"
																	style=" width : 41px;" />
															</h:panelGrid>
														</h:panelGrid>
													</h:panelGrid>
													<center><a:commandButton
														action="#{restaurantBean.addTable}" value="Aadir mesa"
														reRender="noSmokingList"
														style=" width : 100px; height : 25px;" /></center>
													<br />
													<br />
													<a:outputPanel id="noSmokingList">
														<rich:dataTable value="#{mesasNoFumadoresEdicion}"
															var="noSmokingTableListEdicion" rows="5"
															rendered="#{mesasNoFumadoresEdicion.size>0}"
															id="listaMesasNoFumadores">
															<f:facet name="header">Mesas para no fumadores</f:facet>
															<rich:column>
																<f:facet name="header">
																	<h:outputText value="Codigo" />
																</f:facet>
																<h:outputText
																	value="#{noSmokingTableListEdicion.codigo}" />
															</rich:column>
															<rich:column>
																<f:facet name="header">
																	<h:outputText value="Capacidad" />
																</f:facet>
																<h:outputText
																	value="#{noSmokingTableListEdicion.capacidad}" />
															</rich:column>
															<rich:column>
																<a:commandButton value="Eliminar"
																	action="#{restaurantBean.removeTables}"
																	reRender="noSmokingList" />

															</rich:column>
														</rich:dataTable>
														<br />
														<rich:datascroller
															rendered="#{mesasNoFumadoresEdicion.size>0}"
															for="listaMesasNoFumadores" />
													</a:outputPanel></div>
													<br />
													<br />
													<br />
												</rich:tab>


												<rich:tab label="Zona de fumadores"
													rendered="#{myRestaurantEdicion.permiteFumadores}"
													labelWidth="300px">
													<br />
													<br />
													<div align="center"><h:panelGrid columns="2">
														<h:graphicImage value="/layout/img/iconoMesa.jpg" />
														<h:panelGrid columns="2">
															<h:panelGrid columns="1">
																<h:outputText value="Num. Comensales" />
																<h:outputText value="Codigo" />
															</h:panelGrid>
															<h:panelGrid columns="1">
																<h:inputText id="comensalesFumadores"
																	value="#{smokingTable.capacidad}"
																	style=" width : 41px;" />
																<h:inputText id="codigoFumadores"
																	value="#{smokingTable.codigo}" style=" width : 41px;" />
															</h:panelGrid>
														</h:panelGrid>
													</h:panelGrid>
													<center><a:commandButton
														action="#{restaurantBean.addSmokingTable}"
														value="Aadir mesa" reRender="noSmokingList"
														style=" width : 100px; height : 25px;" /></center>
													<a:outputPanel id="smokingList">
														<rich:dataTable value="#{mesasFumadoresEdicion}"
															var="smokingTableListEdicion" rows="5"
															rendered="#{mesasFumadores.size>0}"
															id="listaMesasFumadores">
															<f:facet name="header">Mesas para fumadores</f:facet>
															<rich:column>
																<f:facet name="header">
																	<h:outputText value="Num. Mesas" />
																</f:facet>
																<h:outputText value="#{smokingTableListEdicion.codigo}" />
															</rich:column>
															<rich:column>
																<f:facet name="header">
																	<h:outputText value="Capacidad" />
																</f:facet>
																<h:outputText
																	value="#{smokingTableListEdicion.capacidad}" />
															</rich:column>
															<rich:column>
																<a:commandButton value="Eliminar"
																	action="#{restaurantBean.removeSmokingTables}"
																	reRender="smokingList" />
															</rich:column>
														</rich:dataTable>
														<br />
														<rich:datascroller for="listaMesasFumadores"
															rendered="#{mesasFumadoresEdicion.size>0}" />
													</a:outputPanel></div>

													<br />
													<br />
													<br />
												</rich:tab>

											</rich:tabPanel>
										</a:outputPanel>

										<br />
										<br />
										<br />

										<a:outputPanel id="panelFotos">
											<a:outputPanel rendered="#{(fotosRestauranteEdicion.size>0)}">
												<rich:panel id="panelFotoSeleccionadaEdicion">
													<f:facet name="header">
														<h:outputText value="Fotos del Restaurante" />
													</f:facet>
													<h:graphicImage
														url="/RestaurantsImages#{restaurantBean.fotoSeleccionada}"
														height="450px;" width="450px;" />
												</rich:panel>
												<br />
												<br />
												<rich:dataGrid value="#{fotosRestauranteEdicion}"
													var="foto" columns="#{fotosRestauranteEdicion.size}"
													elements="5" width="600px">
													<rich:panel bodyClass="pbody" style="width: 120px;">
														<rich:effect type="Opacity" event="onclick"
															params="duration:0.8,from:0.3,to:1" />
														<f:facet name="header">
															<h:outputText value=" "></h:outputText>
														</f:facet>
														<a:commandLink
															action="#{restaurantBean.seleccionarFoto(foto.ruta)}"
															reRender="panelFotos" id="enlaceFoto">
															<h:graphicImage url="/RestaurantsImages#{foto.ruta}"
																height="90px;" width="90px;" />
														</a:commandLink>
														<br />
														<a:commandLink action="#{restaurantBean.deletePicture}"
															reRender="panelFotos" id="enlaceEliminarFoto">
															<h:graphicImage url="/layout/img/button_delete.gif" />
														</a:commandLink>

													</rich:panel>

												</rich:dataGrid>
											</a:outputPanel>

										<h:outputText value="Fotos - Max 5" />
										<rich:fileUpload maxFilesQuantity="5"
											uploadData="#{restaurantBean.fileList}"
											acceptedTypes="jpeg, jpg, gif, png"
											disabled="#{fotosRestauranteEdicion.size >= restaurantBean.maxFiles}"
											fileUploadListener="#{restaurantBean.uploadFiles}">
											<f:facet name="header">Fotos - Max 5</f:facet>

											<a:support event="onuploadcomplete" reRender="panelFotos" />

										</rich:fileUpload>

										</a:outputPanel>
										<br />
										<br />
										<br />

										<div align="center" style="margin-top: 13px;"><h:commandButton
											id="bRegister" value="Guardar" styleClass="btn100"
											action="#{restaurantBean.saveChanges}"
											style="height : 35px; width : 150px;"></h:commandButton> <rich:spacer
											width="20px;" /> <h:commandButton id="bRegCancel"
											value="#{messages.cancel}" styleClass="btn100"
											action="#{restaurantBean.cancel}"
											style=" width : 150px; height : 35px;"></h:commandButton></div>

									</rich:panel></div>



								</rich:tab>
							</rich:tabPanel>
						</rich:tab>



						<rich:tab label="Gestion de Reservas">
						</rich:tab>


					</rich:tabPanel>
				</rich:panel></div>
			</h:form>
		</f:view>

	</ui:define>
</ui:composition>